import { Tabs } from 'antd-mobile'
import React from 'react'

function Detail() {
    return (
        <div>
            <dl>
                <dt>
                    <img src="https://robohash.org/230000200003050046?set=set3" alt="" />
                </dt>
                <dd>
                    <p>
                        奶牛探秘亲子套票
                    </p>
                    <Tabs>
                        <Tabs.Tab title='门票预定' key='fruits'>
                            <span>使用日期</span>
                            <div style={{ display: 'flex' }}>
                                <div style={{ marginLeft: '20px' }}>
                                    <p>2022-10-01</p>
                                    <p>星期1</p>
                                </div>
                                <div style={{ marginLeft: '20px' }}>
                                    <p>2022-10-01</p>
                                    <p>星期2</p>
                                </div>
                                <div style={{ marginLeft: '20px' }}>
                                    <p>2022-10-01</p>
                                    <p>星期3</p>
                                </div>
                                <div style={{ marginLeft: '20px' }}>
                                    <p>2022-10-01</p>
                                    <p>星期4</p>
                                </div>
                            </div>


                        </Tabs.Tab>
                        <Tabs.Tab title='蔬菜' key='vegetables'>
                            西红柿
                        </Tabs.Tab>

                    </Tabs>

                </dd>
            </dl>
        </div>
    )
}

export default Detail